<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App',
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
}
</script>
<style>
	
	body{
		margin: 0;
		padding: 0;
	}
	.el-input.is-disabled .el-input__inner{
		color: #222;
		border: none;
		background: transparent
	}
	
	.el-textarea.is-disabled .el-textarea__inner{
		color: #222;
		background: transparent
	}
	.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase{
		display: none;
	}
	.el-input.is-disabled .el-input__icon{
		display: none;
	}
</style>
